<ion-header>
  <ion-navbar color="primary">
    <ion-title>客户360列表</ion-title>
  </ion-navbar>
  <ion-toolbar style="border-top: 1px solid #ccc;">
    <div class="flex align-items-center">
      <ion-searchbar placeholder="输入客户号码"></ion-searchbar>
      <button ion-button (click)="queryByCondition()" outline>查询</button>
    </div>
    <search-condition [(ngParam)]="param" (query)="queryByCondition()"></search-condition>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="circles" refreshingText="搬运中...">
    </ion-refresher-content>
  </ion-refresher>
  <ion-list>
    <ion-item-sliding *ngFor="let item of items; index as i"
    (click)="clickItem(item)">
      <button ion-item>
        <ion-avatar item-start>
          <img src="assets/img/speakers/bear.jpg" />
        </ion-avatar>
        <h2>{{item.custId}}</h2>
        <p>{{item.gridName}}</p>
        <ion-note item-end>notenotenote</ion-note>
      </button>
      <ion-item-options>
        <button ion-button color="danger" (click)="deleteItem(i)">删除</button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
  <ion-infinite-scroll (ionInfinite)="loadMore($event)">
    <ion-infinite-scroll-content loadingSpinner="dots" loadingText="搬运更多">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
